/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Templates debugg styles
 *
 * @author    Creative Development LLC <info@cdev.ru>
 * @copyright Copyright (c) 2011 Creative Development LLC <info@cdev.ru>. All rights reserved
 * @license   http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 * @link      http://www.litecommerce.com/
 * @since     1.0.0
 */
.tpl-debug-canvas {
  position: absolute;
  display: block;
  z-index: 1000000;
}

.tpl-debug-tpl-canvas,
  .tpl-debug-list-canvas
{
  border: 1px dashed #d6ab89;
}

.tpl-debug-current {
  opacity: 0.2;
  background-color: #ee6800;
}

.tpl-debug-info {
  position: absolute;
  display: block;
  z-index: 1100000;
  border: 1px solid #c6b4ac;
  background-color: #fff;
}

.tpl-debug-info ul {
  border: 3px solid #f3efe4;
  padding: 10px;
  margin: 0px;
  list-style: none;
}

.tpl-debug-info li {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 10px;
  background: transparent url(images/separator.png) no-repeat center bottom;
}

.tpl-debug-info li.last {
  background-image: none;
}

.tpl-debug-info li strong {
  color: #b86e32;
}

.tpl-debug-switcher {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 5000000;
  border: 1px solid #c6b4ac;
  background-color: #fff;
}

.tpl-debug-switcher,
  .tpl-debug-switcher a.switcher
{
  vertical-align: middle;
  font-size: 18px;
}

.tpl-debug-switcher a.switcher {
  height: 40px;
  line-height: 40px;
  padding-left: 60px;
  background: transparent url(images/bulbs.png) no-repeat left top;
  text-decoration: none;
  display: block;
  float: left;
}

.tpl-debug-switcher a.switcher span {
  text-decoration: underline;
}

.tpl-debug-switcher a.disabled {
  background-position: left -40px;
}

.tpl-debug-switcher span.text {
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 40px;
}

.tpl-debug-switcher .help {
  width: 16px;
  height: 16px;
  background: transparent url(images/help_mark.png) no-repeat left top;
  cursor: pointer;
  padding: 0px;
  vertical-align: middle;
}

.tpl-debug-switcher div {
  border: 3px solid #f3efe4;
  padding: 10px;
}
